<!--
 * @Author: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @Date: 2024-04-11 23:27:31
 * @LastEditors: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @LastEditTime: 2024-04-16 23:41:08
 * @FilePath: \crm\pages\customer\conponents\info-item.vue
 * @Description: 信息  label  value 展示
-->
<template>
<view class="info-item">
    <!-- 标题 -->
     <view class="title">{{ title }}</view>
    <!-- list -->
    <view class="item" v-for="(item,index) in info" :key="index">
        <view class="item-label">{{ item.lable }}</view>
        <view class="item-value">{{ item.value }}</view>    
    </view>
    
</view>
</template>
<script>
export default {
  name: 'info-item',
  data() {
    return{
      
    }
  },
  props: {
    title: {
      type: String,
      default:''
    },
    info: {
      type: Array,
      default: ()=>[]
    }
  }
}

</script>

<style lang="scss" scoped>
.info-item {
  margin:18rpx;
  background: #FFFFFF;
  padding: 30rpx;
}
.title {
  font-weight: 600;
  font-size: 28rpx;
  color: #171A1D;
  line-height: 40rpx; 
  margin-bottom: 20rpx; 
}
.item {
  display: flex;
  line-height: 70rpx;

  .item-label{
    font-size: 28rpx;
    color: #838589;
    width: 150rpx;
  }
  .item-value {
    font-size: 28rpx;
    color: #171A1D;
  }
}

</style>